<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<meta property="qc:admins" content="2541377731622236375636" />
<title><{if $seo_sub_title}><{$seo_sub_title}>_<{/if}><{if $seo_title}><{$seo_title}><{elseif $SEO.title}><{$SEO.title}><{else}><{$CONFIG.site.title}><{/if}></title>
<meta name="keywords" content="<{if $seo_keywords}><{$seo_keywords}><{elseif $SEO.keywords}><{$SEO.keywords}><{/if}>" />
<meta name="description" content="<{if $seo_description}><{$seo_description}><{elseif $SEO.description}><{$SEO.description}><{/if}>" />
<link rel="stylesheet" href="<{$pager.res}>/style/common.css?<{$VER}>" type="text/css" />
<link type="text/css" rel="stylesheet" href="/themes/default/static/css/public.css?<{$VER}>" />
<link type="text/css" rel="stylesheet" href="/themes/default/static/css/style.css?<{$VER}>" />
<link rel="stylesheet" type="text/css" href="%THEME%/static/css/append.css?<{$VER}>"/> 
<script type="text/javascript">window.URL={"domain":"<{$CONFIG.site.domain}>","url":"<{$CONFIG.siteurl}>", "res":"<{$pager.res}>", "img":"<{$pager.img}>","city":"<{$request.city.siteurl}>"};window.G={"city":"<{$request.city.city_name}>"};</script>

<{include file="block/css_append.html"}>
<{$tpl_head_append}>
<link rel="stylesheet" href="<{$pager.theme}>/default/static/css/jquery.fullPage.css">
<style>
* { margin: 0; padding: 0;}
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(http://www.zjzs.com.cn/themes/default/static/images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}

.bg11 { position: absolute; bottom: 0; width: 100%; height: 850px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg11.png) 50% 0 no-repeat; transition: all 1s;}
.bg12 { position: absolute; bottom: -392px; width: 100%; height: 392px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.bg13 { position: absolute; bottom: -377px; width: 100%; height: 377px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg13.png) 50% 0 no-repeat; transition: all 1s;}
.hgroup { position: absolute; width: 700px; height: 176px; left: 50%; top: 25%; margin: 0 0 0 -380px; text-indent: -9999px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/slogan.png); opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p11 { position: absolute; left: 50%; top: 45%; width: 700px; margin: 0 0 0 -380px; font-size: 16px; color: #94a7c6; opacity: 0; transition: all 0.5s;}
.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}
.mail-163 { float: left; width: 107px;}
.mail-126 { float: left;width: 108px; margin-left: 23px;}
.mail-yeah { float: right; width: 115px;}

.bg21 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 416px; margin-left: -525px; margin-bottom: 80px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg21.png) 0 0 no-repeat; transition: all 1s;  opacity: 0; margin-left: -1108px;}
.bg211 { position: absolute; left: 50%; bottom: 0%; width: 462px; height: 375px; margin-left: -608px; margin-bottom: 2px; background: url(http://www.zjzs.com.cn/themes/default/static/images/1-1.png) 0 0 no-repeat; transition: all 1s;  opacity: 0; margin-left: -1108px;}
.bg22 { position: absolute; left: 50%; bottom: 5%; width: 819px; height:600px; margin-left: -280px; margin-bottom: 70px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg22.png) right 0 no-repeat; transition: all 1s; opacity: 0; margin-left: 320px;}
.bg23 { position: absolute; left: 50%; bottom: 0%; width: 819px; height: 426px; margin-left: -409px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg23.png) 50% 0 no-repeat; transition: all 1s;  bottom: -60%;}
.section strong { position: absolute; left: 50%; top: 5%; z-index: 10; width: 512px; height: 45px; margin-left: -520px; font-size: 24px; font-weight: 500; color: #748A9E; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section h3 { position: absolute; left: 50%; top: 10%; z-index: 10; width: 660px; height: 100px; margin-left: -256px; margin-top: 10px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p1 { position: absolute; left: 50%; top: 10%; width: 510px; margin-left: -255px; margin-top: 60px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}

.section2 h3 { background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t2.png);}
.section3 h3 { background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t3.png);}
.section4 h3 { background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t4.png);}
.section5 h3 { background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t5.png);}
.section6 strong { width: 512px; margin-left: -520px;top: 5%;}
.section6 h3 { width: 561px; margin-left: -255px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t6.png);}
.section7 strong { width: 512px; margin-left: -532px;top: 5%;}
.section7 h3 { width: 561px; margin-left: -280px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t7.png);}
.section8 strong{ width: 512px; margin-left: -520px;top: 5%;}
.section8 h3 { width: 561px; margin-left: -280px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t8.png);}
.section9 strong { width: 609px; margin-left: -304px;}
.section9 h3 { width: 609px; margin-left: -304px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/t9.png);}
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/yixin.png);}

.bg31 { position: absolute; left: 50%; bottom: 0; width: 800px; height: 472px; margin-left: -850px; margin-bottom: 0px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/bg31.png); opacity: 0; transition: all 1s;}
.bg32 { position: absolute; left: 50%; bottom: 400px; width:200px; height:200px; margin-left: 500px; background: url(http://www.zjzs.com.cn/themes/default/static/images/cg1.png) no-repeat; opacity: 0; transition: all 1s;}
.bg321 { position: absolute; left: 50%; bottom: 400px; width:200px; height:200px; margin-left: 350px; background: url(http://www.zjzs.com.cn/themes/default/static/images/cg2.png) no-repeat; opacity: 0; transition: all 1s;}
.bg322 { position: absolute; left: 50%; bottom: 400px; width:200px; height:200px; margin-left: 100px; background: url(http://www.zjzs.com.cn/themes/default/static/images/cg3.png) no-repeat; opacity: 0; transition: all 1s;}
.bg33 { position: absolute; left: 50%; bottom: 0; width: 441px; height: 470px; margin-left: 10%; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.p3 { position: absolute; width: 460px; left: 50%; top: 10%; margin-top:8%; margin-left: 25%; font-size: 16px; color: #333; opacity: 0; transition: all 1s;}

.bg41 { position: absolute; bottom: -372px; width: 100%; height: 372px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg41.png) 50% 0 no-repeat; transition: all 1s;}
.bg42 { position: absolute; bottom: -449px; width: 100%; height: 449px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg42.png) 50% 0 no-repeat; transition: all 1s;}
.bg43 { position: absolute; bottom: -449px; width: 100%; height: 449px; margin-bottom: -130px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg43.png) 50% 0 no-repeat; transition: all 1s;}

.bg51, .bg52, .bg53, .bg54 { position: absolute; z-index: 1; width: 208px; left: 50%; bottom: 20%; padding-top: 210px; color: #fff;}
.section5 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;}
.section5 p { font-size: 14px;}
.bg51 { margin-left: -851px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg51.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg52 { margin-left: -403px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg52.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg53 { margin-left: 195px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg53.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg54 { margin-left: 645px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg54.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg61 { position: absolute; top: -454px; width: 100%; height: 545px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg61.png) 50% 0 no-repeat; transition: all 1s;}
.bg62 { position: absolute; left: 10%; bottom: 20%; width: 597px; height: 284px; margin-left: -507px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/bg62.png); transition: all 1s;}
.txt6 { position: absolute; left: 90%; bottom: 20%; width: 447px; margin-left: 90px; opacity: 0; transition: all 1s;}
.txt6 p { margin-bottom: 17px; color: #5C7970;}

.bg71 { position: absolute; left: 50%; bottom: -201px; width: 699px; height: 201px; margin-left: -630px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg71.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg72 { position: absolute; left: 50%; bottom: -206px; width: 182px; height: 206px; margin-left: -170px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg72.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg73 { position: absolute; left: 50%; bottom: 120px; width: 651px; height: 231px; margin-left: -780px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg73.png) 50% 0 no-repeat;}
.bg74 { position: absolute; left: 0; bottom: -50px; width: 100%; height: 100%;}
.bg74 img { position: absolute; left: 0; bottom: 0; width: 100%; height: 251px;}
.txt7 { position: absolute; left: 50%; bottom: -150px; width: 420px; margin-left: 100px; opacity: 0; transition: all 1s;}
.txt7 p { margin-bottom: 17px; color: #EAEFF2;}

.bg81 { position: absolute; width: 100%; bottom: 100px; height: 215px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg81.png) 50% 0 no-repeat;}
.bg82 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/bg82.png); opacity: 0; transition: all 1s;}
.bg83 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/bg83.png); opacity: 0; transition: all 1s;}
.bg84 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/bg84.png); opacity: 0; transition: all 1s;}
.p8 { position: absolute; left: 50%; top: 15%; width: 565px; margin-left: -282px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}

.bg91, .bg92, .bg93 { padding-top: 350px; font-size: 16px; color: #fff;}
.bg91 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -970px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg91.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg91 p { position: relative; left: 20px; margin-left: 40px; border-right: 1px solid #13AB86;}
.bg92 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -180px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg92.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg92 p { position: relative; left: 40px; margin-left: 30px;}
.bg93 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: 630px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg93.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg93 p { position: relative; left: -20px; padding-left: 100px; border-left: 1px solid #13AB86;}

.bg101 { position: absolute; width: 100%; height: 100%; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg101.png) 50% 20% no-repeat;}
.bg102 { position: absolute; width: 100%; top: 25%; height: 79px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg102.png) 50% 0 no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.bg103 { position: absolute; width: 100%; top: 25%; height: 37px; margin-top: 110px; background: url(http://www.zjzs.com.cn/themes/default/static/images/bg103.png) 50% 0 no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -160px; text-indent: -9999px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/btn.png); opacity: 0; transition: all 1s;z-index:999}
.go1 { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -160px; text-indent: -9999px; background-image: url(http://www.zjzs.com.cn/themes/default/static/images/btn_y.png); opacity: 0; transition: all 1s;}
.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}

.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .bg21 { opacity: 1; margin-left: -558px; transition-delay: 0.7s;}
.active .bg211 { opacity: 1; margin-left: -268px; transition-delay: 0.7s;}
.active .bg23 { bottom: 0%; transition-delay: 0.7s;}
.active .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.active .p3 { margin-left: -520px; opacity: 1; transition-delay: 0.7s;}
.active .bg31 { opacity: 1; transition-delay: 1s;margin-left: -580px}
.active .bg32 { opacity: 1; transition-delay: 1s;margin-left: -120px;}
.active .bg321 { opacity: 1; transition-delay: 1s;margin-left: 85px;}
.active .bg322 { opacity: 1; transition-delay: 1s;margin-left: 290px;}
.active .bg33 { margin-left: -410px; opacity: 1; transition-delay: 0.7s;}

.active .bg41 { bottom: 15%; transition-delay: 0.7s;}
.active .bg42 { bottom: 15%; transition-delay: 1.1s;}
.active .bg43 { bottom: 15%; transition-delay: 0.9s;}

.active .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.active .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.active .bg61 { top: 0; transition-delay: 0.7s;}
.active .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.active .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.active .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.active .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.active .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.active .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.active .p8 { opacity: 1; transition-delay: 1.7s;}

.active .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.active .bg92 { opacity: 1; transition-delay: 0.8s;}
.active .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 55%; opacity: 1; transition-delay: 1.2s;}
.active .go1 { top: 55%; opacity: 1; transition-delay: 1.2s;}


/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: 0%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -410px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg42 { bottom: 15%; transition-delay: 1.1s;}
.ltie10 .bg43 { bottom: 15%; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg61 { top: 0; transition-delay: 0.7s;}
.ltie10 .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.ltie10 .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.ltie10 .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.ltie10 .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.ltie10 .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.ltie10 .p8 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg92 { opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go { top: 55%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}
.ltie10 .go1 { top: 55%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}
.zanzhu { text-align: left;top:200px}
.zanzhu-con { width:1000px; height: 400px;position: relative; left: 28px; margin: 0 auto 20px;top:600px;position: absolute; left: 50%; bottom: 0; margin-left: -530px; opacity: 0; transition: all 1s;}
.zanzhu h2 { text-align:center;position: relative; width: 100%; margin: 0 auto; top:100px;font: 500 30px "Microsoft Yahei"; color: #856B37;margin-left: -475px;}
.zanzhu-con a {float: left; margin: 0 0 0px 0px;}
.active .zanzhu-con { margin-left: -530px;opacity: 1; transition-delay: 0.7s;top:150px;}
.zanzhu-con li{width:158px;height:70px;margin:8px 8px 0 0;float:left;background-color:#fff}
.zanzhu-con li img{width:158px;height:70px;border:1px solid #ccc}

.erwei {text-align:center; width:350px; height: 150px; bottom:100px;position: absolute; left: 50%;opacity: 0; transition: all 1s; margin-left: -188px;}
.erwei a {float: left; margin: 0 0 0px 0px;}
.active .erwei { margin-left: -188px;opacity: 1; transition-delay: 0.7s;bottom:50px;}
.erwei li{width:120px;height:120px;margin:8px 10px 0 0;float:left;color:#333}
.erwei li img{width:120px;height:120px;border:1px solid #ccc}


.zanzhu1 { text-align: left;top:300px}
.zanzhu-con1 { width:960px; height: 400px;position: relative; left: 0px; margin: 0 auto 20px;top:60%;position: absolute; left: 50%; bottom: 0; margin-left: -520px; opacity: 0; transition: all 1s;}
.zanzhu1 h2 { position: relative; left: 28px; width: 900px; margin: 0 auto 20px; top:200px;font: 500 30px "Microsoft Yahei"; color: #856B37;}
.zanzhu-con1 a {float: left; margin: 0 0 0px 0px;}
.zanzhu-con1 li{width:230px;height:400px;margin-right:8px;float:left}
.zanzhu-con1 li img{width:230px;border-radius:8px;behavior: url(http://www.zjzs.com.cn/themes/default/static/css/ie-css3.htc); }
.zanzhu-con1 li span{width:230px;height:40px;margin-right:8px;float:left;text-align: center;font-size:22px}
.active .zanzhu-con1 { margin-left: -520px;opacity: 1; transition-delay: 0.7s;top:30%;}

.gz { text-align: left;top:400px}
.gz-con { width:960px; height: 400px;position: relative; left: 50%; margin: 0 auto 20px;top:90%;position: absolute; left: 50%; bottom: 0; margin-left: -440px; opacity: 0; transition: all 1s;}
.gz h2 { position: relative; left: 28px; width: 900px; margin: 0 auto 20px; top:200px;font: 500 30px "Microsoft Yahei"; color: #856B37;}
.gz-con a {float: left; margin: 0 0 0px 0px;}
.gz-con li{width:130px;height:130px;margin-right:8px;float:left;
-webkit-border-radius: 130px;
-moz-border-radius: 130px;
border-radius:130px;
behavior:url(http://www.zjzs.com.cn/themes/default/static/css/PIE.htc);
}
.gz-con li img{
width:120px;
height:120px;
margin-right:8px;
float:left; 
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius:120px;
behavior:url(http://www.zjzs.com.cn/themes/default/static/css/PIE.htc);
border:4px solid #fff;
background-color:#fff;
}
.gz-con li span{width:120px;height:25px;margin-right:8px;float:left;text-align: center;font-size:12px;color:#fff}
.gz-con li span a{width:120px;height:25px;margin-right:8px;float:left;text-align: center;font-size:12px;color:#fff}
.active .gz-con { margin-left: -440px;opacity: 1; transition-delay: 0.7s;top:60%;}


.anli-con { width:1000px; height: 400px;margin: 0 auto 20px;top:90%;position: absolute; left: 50%; bottom: 0; margin-left: -520px; opacity: 0; transition: all 1s;}
.anli-con a {float: left; margin: 0 0 0px 0px;}
.anli-con li{width:300px;height:300px;margin-right:25px;float:left}
.anli-con li img{width:300px;height:300px;margin-right:8px;float:left;border:4px solid #fff;}
.anli-con li span{width:230px;height:25px;float:left;font-size:14px;color:#fff;margin-top:10px}
.active .anli-con { margin-left: -520px;opacity: 1; transition-delay: 0.7s;top:35%;}
.anli-con li p img{width:50px;height:50px;float:left;border:2px solid #fff;border-radius:50%;behavior: url(http://www.zjzs.com.cn/themes/default/static/css/ie-css3.htc); margin-top:10px}
.anli-con li h6{width:230px;height:20px;float:left;font: 500 12px "宋体";color:#ccc;margin-top:5px}

.zb-con { width:1000px; height: 400px;margin: 0 auto 20px;top:90%;position: absolute; left: 50%; bottom: 0; margin-left: -520px; opacity: 0; transition: all 1s;}
.zb-con a {float: left; margin: 0 0 0px 0px;}
.zb-con li{width:300px;height:300px;margin-right:25px;float:left}
.zb-con li img{width:300px;height:300px;margin-right:8px;float:left;border:4px solid #fff}
.zb-con li span{width:230px;height:25px;float:left;font-size:14px;color:#000;margin-top:10px}
.active .zb-con { margin-left: -520px;opacity: 1; transition-delay: 0.7s;top:35%;}
.zb-con li p img{width:50px;height:50px;float:left;border:2px solid #fff;border-radius:50%;behavior: url(http://www.zjzs.com.cn/themes/default/static/css/ie-css3.htc); margin-top:10px}
.zb-con li h6{width:230px;height:20px;float:left;font: 500 12px "宋体";color:#666;margin-top:5px}

</style>
<script src="http://www.zjzs.com.cn/themes/default/static/js/jquery.min.js"></script>
<script src="http://www.zjzs.com.cn/themes/default/static/js/jquery-ui.min.js "></script>
<script src="http://www.zjzs.com.cn/themes/default/static/js/jquery.fullPage.min.js"></script>
<script>
$(function(){
	if($.browser.msie && $.browser.version < 10){
		$('body').addClass('ltie10');
	}
	$.fn.fullpage({
		verticalCentered: false,
		anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7'],
		navigation: true,
		navigationTooltips: ['首页', '装修管家', '免费监理', '装修套餐', '设计DIY', '工地直播',  '合作品牌']
	});
});
</script>
<script LANGUAGE="JavaScript">
　　<!--
　　function openwin() {
　　window.open ("tenders/fast.html", "newwindow", "height=300, width=500, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行
　　}
　　//-->
</script>
</head>
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
<body class="pagewd">
<iframe id="miniframe" name="miniframe" style="display:none;"></iframe>
<!--头部内容开始-->
<{include file="block/top-new.html"}>
<div class="main_header" style="background-color:#fff;z-index:998;position: relative;">
	<div class="mainwd top_bottom" style="margin-top:0px;">
		<div class="logo lt">
			<a href="<{link ctl='index'}>"><img src="<{if $CONFIG.site.logo}><{$pager.img}>/<{$CONFIG.site.logo}><{else}>%THEME%/static/images/logo.png<{/if}>" class="logo lt" /></a>
			<p class="lt"><font><img src="<{$pager.theme}>/default/static/images/here.png"><{$request.city.city_name}></font>
				<{if $CONFIG.site.multi_city}><a href="<{link ctl='city'}>" class="fontcl1">[切换城市]</a><{/if}>
			</p>
		</div>
<!--搜索开始-->
	<div class="search_box lt">
			<form method="post" action="http://www.zjzs.com.cn/gz-items.html" id="top-search">
    <div class="search_cont">
        <a href="javascript:void(0);" id="top_select" class="lt">工长<span class="search_ico index_ico"></span></a>
        <div class="search_cont_list none" style="margin-top:-39px">
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/designer-items.html">设计师</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/gz-items.html">工长</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/case-album.html">案例</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/home-items.html">小区</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/home-items.html">工地</a>
                        <a href="javascript:void(0);" rel="http://www.zjzs.com.cn/article-items.html">学装修</a>
                    </div>
    </div>
    <input type="text" name="kw" class="text lt" placeholder="请输入你要搜索的关键字" value=""  x-webkit-speech speech/>
    <input type="submit" class="btn rt" value="搜索"/>
</form>
<script type="text/javascript">
(function(K, $){
    $(".search_box .search_cont").mouseover(function(){
        var o = $("#top_select").offset();
        $(this).find(".search_cont_list").css({left:o.left-2,top:o.top+36}).show();
    }).mouseleave(function(){
        $(this).find(".search_cont_list").hide();
    });
    $(".search_cont_list a").click(function(){
        $(".search_box .search_cont #top_select").html($(this).text()+'<span class="search_ico index_ico"></span>');
        $(".search_box form").attr('action',$(this).attr('rel'));
        $(".search_box .search_cont_list").hide();
    });
    //绿色头部搜索框
    $(".search_cont").mouseover(function(){
        $(this).find(".search_cont_list").show();
    }).mouseleave(function(){
        $(this).find(".search_cont_list").hide();
    });
})(window.KT, window.jQuery);
</script>
		</div>
<!--搜索结束-->
		<div class="site_commitment rt">
			<ul>
				<li><a href="<{link ctl='zxb'}>"><span class="index_ico ico1"></span></a></li>
				<li><a href="<{link ctl='zxb'}>"><span class="index_ico ico2"></span></a></li>
			</ul>
		</div>
	</div>
	<div class="main_nav">
		<div class="mainwd hoverno">
			<ul>
				<li><a href="<{link ctl='index'}>" <{if $request.ctl=='index'}>class="current"<{/if}>>首页</a>
				</li>
							
				<li><a <{if $request.ctl=='gz'}>class="current"<{/if}> href="<{link ctl='gz'}>">好工长</a></li>
				<li><a <{if $request.ctl=='site' || $request.ctl=='site'}>class="current"<{/if}> href="<{link ctl='site'}>">工地直播</a></li>
				<li><a <{if $request.ctl=='case'}>class="current"<{/if}> href="<{link ctl='case'}>">装修案例</a></li>
				<li><a <{if $request.ctl=='designer'}>class="current"<{/if}> href="<{link ctl='designer'}>">设计师</a></li>
				<li><a <{if $request.ctl=='tenders'}>class="current"<{/if}> href="<{link ctl='tenders.html#TBJ'}>">装修预算</a></li>
				<li><a <{if $request.ctl=='home'}>class="current"<{/if}> href="<{link ctl='home'}>">找邻居</a></li>
				<li>
					<a <{if $request.ctl=='article' || $request.ctl=='diary' || $request.ctl=='ask' }>class="current"<{/if}> href="<{link ctl='article'}>">学装修</a>
					<ul class="main_nav_son none">
						<li><a href="<{link ctl='diary'}>">装修日记</a></li>
						<li><a href="<{link ctl='ask'}>">装修问答</a></li>
						<li><a href="<{link ctl='article'}>">装修课堂</a></li>
					</ul>
				</li>
				<li><a <{if $request.ctl=='topics'}>class="current"<{/if}> href="<{link ctl='topics'}>">装修贷款</a></li>				
			</ul>
		</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function() {			
	//绿色导航
	$(".main_nav ul li").mouseover(function(){
		$(this).find(".main_nav_son").show();
		$(this).addClass('current');
	}).mouseleave(function(){
		$(this).removeClass('current');
		$(this).find(".main_nav_son").hide();
		
	});
});
</script>
